@charset "utf-8";

/*短信余额*/

.balance{ display:block;}

.balanceText{ line-height:78px; display:inline-block;}

.balance .title{ margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.text_sz{ font-size:18px; color:#f66; display: inline-block;}

/*选择购买数量*/
.buy{}

.buy .title{ float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.buy_ts{ display:inline-block; padding-bottom:8px;}

.buy_ts input[type="radio"]{ position: absolute; visibility:hidden; }

.buy_ts input[type="radio"] + label{ display:inline-block; width:122px; height:48px; text-align:center;color:#999; background:rgba(0,0,0,0.05); text-align:center;border-radius:2px; margin-right:35px; padding:10px 0px; float:left;}

.buy_ts input[type="radio"] + label > span{ display:block; width:122px; height:24px; font:normal normal 16px/24px "微软雅黑"; color:#444444; text-align:center;}

.buy_ts input[type="radio"] + label > i{ font-style:normal; width:94px; font: normal normal 12px/24px "微软雅黑"; color:#ff5252; background:url(../img/pay/Y-icon.png) no-repeat left 6px; background-size:12px; padding-left:14px; padding-top:4px;}

.buy_ts > i.price{ display:block; font-style:normal; line-height:70px; font: normal normal 12px/70px "微软雅黑"; color:#9e9e9e;}

.buy_ts input[type="radio"]:checked + label{width:118px; height:44px;border-radius:2px; margin-right:35px; border:2px solid #39f; background: url(../img/pay/ts-click_bg.png) right top no-repeat;}


.buyText{ margin:25px 16px 31px 0px; padding:12px; width:214px; height:12px;;border:1px solid #ccc; border-radius:0 1px; }

.quantity span.iptText{ font-size:12px; line-height:38px; font-family:"微软雅黑"; color:#999; }

/*选择套餐数量*/
.package{ height:66px;}

.package .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.package_sl{display:inline-block; border:1px solid #dcdcdc; height:34px}

.package_sl a:hover{ text-decoration:none;}

.package_sl .subtract, .package_sl .add { display:inline-block; width:34px; height:34px;background:#f5f5f5; text-align:center; font: normal normal 20px/39px "微软雅黑"; color:#9e9e9e; float:left;line-height: 34px;  }

.package_sl .quantity{ outline:none; border:0; width:46px; height:34px; font: normal normal 12px/38px "微软雅黑"; color:#444; text-align:center; margin:0px; padding:0px; float:left;}



/*选择支付方式*/
.payment{ height:66px;}

.payment .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.payment_fs{display:inline-block; width:410px;}

.payment_fs input[type="radio"]{ position: absolute; visibility:hidden;}


.payment_fs input[type="radio"] + label{ display:inline-block;color:#999; background:rgba(0,0,0,0.05); border-radius:2px; margin-right:35px; line-height:20px; padding:9px 17px 8px 13px; }

.payment_fs input[type="radio"] + label img{vertical-align:text-bottom}

.payment_fs input[type="radio"] + label .text{font-weight:bold;}

.payment_fs input[type="radio"]:checked + label{display:inline-block;padding:7px 15px 6px 11px; line-height:20px; border-radius:2px; margin-right:37px; border:2px solid #39f; background: url(../img/pay/ts-click_bg.png) right top no-repeat;}


/*选择银行*/
.bank{ height:118px;}

.bank .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.bank_gs{ float:left;display:inline-block; float:left;  width:800px;}

.bank_gs li{float:left; margin-right:18px; margin-bottom:17px;}

.bank_gs input[type="radio"]{ position: absolute; visibility:hidden;}

.bank_gs input[type="radio"] + label{ display:inline-block;color:#999; background:rgba(0,0,0,0.05); border-radius:2px; margin-right:35px; line-height:20px; padding:9px 17px 8px 13px;}

.bank_gs input[type="radio"] + label img{ margin-right:5px; vertical-align:text-bottom}

.bank_gs input[type="radio"] + label .text{ line-height:100%; font-weight:bold;}

.bank_gs input[type="radio"]:checked + label{display:inline-block;padding:7px 15px 6px 11px; line-height:20px; border-radius:2px; margin-right:37px; border:2px solid #39f; background: url(../img/pay/ts-click_bg.png) right top no-repeat;}


/*银行卡类型*/

.bankGenre{ height:66px;}

.bankGenre .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.genre{display:inline-block; width:410px;}

.genre input[type="radio"]{ position: absolute; visibility:hidden;}


.genre input[type="radio"] + label{ display:inline-block;color:#999; background:rgba(0,0,0,0.05); border-radius:2px; margin-right:35px; line-height:20px; width:95px; height:35px; line-height:35px; text-align:center; }

.genre input[type="radio"] + label img{vertical-align:text-bottom}

.genre input[type="radio"] + label .text{}

.genre input[type="radio"]:checked + label{display:inline-block;width:91px; height:31px; line-height:31px;text-align:center; border-radius:2px; margin-right:37px; border:2px solid #39f; background: url(../img/pay/ts-click_bg.png) right top no-repeat;}


/*付费方式*/

.paying{ height:66px;}

.paying .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.paying_fs{display:inline-block; width:410px;}

.paying_fs input[type="radio"]{ position: absolute; visibility:hidden;}


.paying_fs input[type="radio"] + label{ display:inline-block;color:#999; background:rgba(0,0,0,0.05); border-radius:2px; margin-right:35px; line-height:20px; width:95px; height:35px; line-height:35px; text-align:center; }

.paying_fs input[type="radio"] + label img{vertical-align:text-bottom}

.paying_fs input[type="radio"] + label .text{}

.paying_fs input[type="radio"]:checked + label{display:inline-block;width:91px; height:31px; line-height:31px;text-align:center; border-radius:2px; margin-right:37px; border:2px solid #39f; background: url(../img/pay/ts-click_bg.png) right top no-repeat;}

/*应付金额*/

.amount{ height:50px;}

.amount .title{float:left;  margin-left:54px;margin-right:22px; display: inline-block; width:122px; font-size:14px; color:#999;}

.amount_qs{ font-size:12px; color:#333; float:left;}

.amount_qs .amount_qs_sz{ font-size:12px; color:#f66;}

.amount_qs .amount_qs_sz i{ font-style:normal; font-size:18px; color:#f66;}

.privilege{ display:inline-block; padding: 5px;height:22px; font: normal normal 12px/22px "微软雅黑"; color:#ff9292; text-align:center; background:#ffe8e8; border-radius:2px; margin-left:13px; position:relative;}

.privilege:before{
	content:"";
	border-top:4px solid transparent;
	border-right:4px solid #ffe8e8;
	border-left:4px solid transparent;
	border-bottom:4px solid transparent;
	position:absolute;
	left:-8px;
	top:8px;
}

/*立即充值*/

.lkcz{ height:42px; margin-left:198px; cursor:pointer;}


.lkcz_an{ display:inline-block; width:172px; height:42px; background:#309ff4; color:#fff; border-radius:2px; text-align:center; line-height:42px; font-size:14px; font-family:"微软雅黑"; }



/*弹出框*/

.pay_shade_boxW {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0px;
	top: 0px;
	right:0px;
	bottom:0px;
	z-index: 9998;
	display: none;
		}
/*.shade_box {
	width: 100%;
	height: 100%;
	position: relative;
}*/

.pay_mes_box{
		position: fixed;
		width:586px;
		left:0px;
		top:100px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		z-index:420;
		background:#ffffff;
		border-radius:5px;

}

.pay_mes_box .header{
	width:100%;
	height:44px;
	border-bottom:1px solid #f5f5f5;
}

.pay_mes_box .header > span{
	display:inline-block;
	height: 44px;
	line-height:44px;
	font:normal normal 14px/44px "微软雅黑";
	color:#309ff4;
	margin-left:18px;
	border-bottom:1px solid #309ff4;
}

.pay_mes_box .header > i{
	display:inline-block;
	width:13px;
	height:13px;
	line-height:44px;
	float:right;
	margin-top:17px;
	margin-right:16px;
	background:url(../img/pay/clos-icon.png) no-repeat center center;
}

.pay_mes_box .content{
	width:100%;
	height:100%;
}

.pay_mes_box .mainBody{
	width:218px;
	margin:0 auto;
	padding-top:31px;
	padding-bottom:20px;
}

.pay_mes_box .mainBody .alipay_logo{
	width:50px;
	height:50px;
	margin:0 auto;
	margin-bottom:15px;	
}

.pay_mes_box .mainBody .payment_text{
	width:218px;
	height:40px;
	line-height:40px;
	font:normal normal 14px/40px "微软雅黑";
	color:#ababab;
	text-align:center;
}

.pay_mes_box .mainBody .payment_number{
	width:218px;
	height:45px;
	text-align:center;
	font:normal normal 22px "微软雅黑";
	color:#ff5252;
	font-style:normal;
}

.pay_mes_box .mainBody .payment_number i{
	font-style:normal;
	font-size:22px;
}

.pay_mes_box .mainBody .payment_time{
	white-space:218px;
	height:27px;
	font:normal normal 14px "微软雅黑";
	color:#9e9e9e;
	text-align:center;
}

.pay_mes_box .mainBody .payment_time i{
	font-style:normal;
}

.pay_mes_box .mainBody .same{
	width:218px;
	height:30px;
	margin-left:5px;
	font:normal normal 14px/30px "微软雅黑";
	color:#444;
}

.pay_mes_box .mainBody .same i{
	font-style:normal;
	float:right;
	margin-right:8px;
}

.pay_mes_box .mainBody .affirmBtn{
	display:block;
	width:213px;
	height:50px;
	margin-top:9px;
	background:#309ff4;
	font:normal normal 16px/50px "微软雅黑";
	color:#fff;
	text-align:center;
	border-radius:2px;
	margin-left:5px;
}

.pay_mes_box .mainBody .rests{
	display:block;
	width:218px;
	text-align:center;
	text-decoration:none;
	font:normal normal 14px "微软雅黑";
	color:#9e9e9e;
	margin-top:25px;

}

.wechatBox .payment_number span{
	font:normal normal 14px "微软雅黑";
	color:#ababab;
}

.wechatBox .QRcode{
	width:210px;
	height:210px;
	border:1px solid #eee;
	margin:0 auto;
	padding:11px;
}
.wechatBox .QRcode img{
	width:206px;
	height:207px;
}
.wechatBox .hint{
	width:176px;
	height:50px;
	background:#0ec801 url(../img/pay/hint-icon.png) no-repeat 12px 12px;
	margin:10px auto;
	padding-top:12px;
	padding-left:56px;
}

.wechatBox .hint .richScan_text{
	display:block;
}

.wechatBox .hint span{
	font:normal normal 14px "微软雅黑";
	color:#fff;
}





